#menu  ul li {position: relative}
#menu ul li ul li > div{
	z-index:100!important;
	background: #FFFFFF;
	padding: 5px;
	border: 1px solid #000000;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-khtml-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	background: url('catalog/view/theme/default/image/menu.png');
	position:absolute;
	top:0px;
	left:100%;
	display:none;
}
#menu > ul > li.mega-root > div{padding:5px!important;padding-top:10px!important}
#menu ul li ul li:hover > div{display:block}
div.sub-menu{padding:0px!important;padding-bottom:5px!important}
div.sub-menu > ul > li{padding:0px 5px!important}
div.sub-menu div.sub-menu{border-radius:5px!important;padding-top:5px!important}
.mega-content{color:#fff;overflow:hidden;padding-left:10px;padding-bottom:10px}
.columns4 .sub-menu-mega li{float:left;width:23%;margin-right:2%}
.columns3 .sub-menu-mega li{float:left;width:30%;margin-right:3%}
.columns2 .sub-menu-mega li{float:left;width:46%;margin-right:4%}
span.red{color:red}
span.bold{font-weight:bold}
span.blue{color:blue}
span.yellow{color:yellow}
span.pink{color:pink}
span.green{color:green}
.columns4 .col-one{float:left;width:23%;margin-right:2%}
.columns4 .col-two{float:left;width:48%;margin-right:2%}
.columns4 .col-three{float:left;width:73%;margin-right:2%}
.columns3 .col-one{float:left;width:30%;margin-right:3%}
.columns3 .col-two{float:left;width:64%;margin-right:3%}
.columns2 .col-one{float:left;width:46%;margin-right:4%}
.mega-content ul li{margin-bottom:10px}
.sub-menu.megamenu-sub ul.sub-menu-mega{display:block!important}
.sub-menu.megamenu-sub ul.sub-menu-mega li{padding:0px 0px!important}
.submenu-control{display:none}
/*reponsive*/
.menurepon{
text-align:center;
text-transform:uppercase;
font-weight:bold;
display:none;
border-radius:5px;
-webkit-border-radius:5px;
height:35px;
line-height:35px;color:#fff;
text-decoration:none;
background:#585858 url("http://codinglol.com/wp-content/uploads/2013/04/nav-btn.png") no-repeat scroll 99% center
}
@media 
only screen and (max-device-width: 767px),
only screen and (max-width: 767px){
#pro-megamenu li.root{padding:0px!important}
#pro-megamenu li.root{border:1px solid #fff;margin-bottom:10px}
#menu > ul > li > a{height:35px;line-height:35px;position:relative;z-index:100}
.menurepon{display:block}
.submenu-control{
display:inline-block;
height:35px;width:35px;
background:#585858 url("http://codinglol.com/wp-content/uploads/2013/09/submenu-control.png") no-repeat scroll center center;
float:right;
position:absolute;
top:0px;
right:0px;
left:auto;
cursor:pointer;
z-index:1000;
border-left:1px solid #fff;
border-bottom:1px solid #fff;
}
.submenu-control.hide{
background:#585858 url("http://codinglol.com/wp-content/uploads/2013/09/submenu-control-hide.png") no-repeat scroll center center;
}
#pro-megamenu{border-radius:0px 0px 5px 5px;padding:10px 10px 3px 10px!important}
#menu > ul > li > a{padding:0px 10px}
#pro-megamenu .sub-menu{display:none}
#pro-megamenu li.root:hover .sub-menu{display:none}
#pro-megamenu{display:none}
#container{width:98%}
#pro-megamenu li.root > div.sub-menu{padding:0px!important}
#pro-megamenu{background:#585858;border:-radius:5px;-webkit-border-radius:5px;padding:5px;position:relative;z-index:10000}
#pro-megamenu > li{display:block;float:none!important}
#pro-megamenu li.root > a{text-transform:uppercase;margin-bottom:0px!important;font-weight:bold}
#pro-megamenu li.root > .sub-menu{padding:0px 5px!important}
#pro-megamenu .sub-menu{background:none;border:none;position:static;width:100%!important;padding:0px!important}
#pro-megamenu .sub-menu > ul{width:100%;display:block}
#pro-megamenu .sub-menu > ul > li{float:none!important;width:100%;padding:0px!important}
#pro-megamenu .sub-menu > ul > li > a{display:block;height:25px;padding:0px 10px;line-height:25px;}
#pro-megamenu .sub-menu > ul > li > a.first{}
#pro-megamenu img{max-width:100%}
#pro-megamenu iframe{max-width:100%}
#pro-megamenu .sub-menu *{max-width:100%}
#pro-megamenu .sub-menu .col-one{margin-top:10px}
#pro-megamenu .sub-menu .col-two{margin-top:10px}
#pro-megamenu .sub-menu .col-three{margin-top:10px}
#container *{max-width:100%!important}
#header{height:auto}
#currency{position:static!important;height:auto!important}
#header > *{width:100%!important;float:none!important;position:static!important;margin-bottom:10px}
#header #cart .heading{float:none!important;padding-left:0px!important}
#header #welcome{text-align:left}
#header .links{overflow:hidden}
#menu > ul > li.mega-root div.sub-menu{margin-left:0px!important}
}
@media 
only screen and (max-device-width: 480px),
only screen and (max-width: 480px) {
#pro-megamenu .sub-menu .col-one{width:100%;float:none}
#pro-megamenu .sub-menu .col-two{width:100%;float:none}
#pro-megamenu .sub-menu .col-three{width:100%;float:none}
.menurepon{display:block}
#pro-megamenu{display:none}
}